<!DOCTYPE html>
<html>
	<title>维修首页</title>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<link rel="stylesheet" href="../../plugin/ydui/css/ydui.css" />
		<link rel="stylesheet" href="../../plugin/weui/css/jquery-weui.min.css" />
		<link rel="stylesheet" href="../../plugin/css/fonts/font-awesome.min.css" />
		<link rel="stylesheet" href="../../plugin/mui/css/mui.min.css">
		<link rel="stylesheet" href="../css/index.css" />
	</head>

	<body style="background: white;height: 100%">
		<img class="axentlogo" src="../img/axentlogo.jpg" alt="" />
		<img class="personlogo" src="../img/person.png" alt="" />

		<div class="content">
			<div class="grid">
				<div class="pading1">
					<a href="myWork.html">
						<div class="faicon fa fa-pencil-square-o" ></div>
						<span>我的工单</span>
					</a>
				</div>
			</div>
			<div class="grid">
				<div class="pading1">
					<a href="../../client/pages/warranty.html?typt=1">
						<div class="faicon fa fa-plus-square" ></div>
						<span>新建工单</span>
					</a>
				</div>
			</div>

			<div class="grid">
				<div class="pading1">
					<a href="#searchCost">
						<div class="faicon fa fa-cny"></div>
						<span>服务费用</span>
					</a>
				</div>
			</div>
			<div class="grid" >
				<div class="pading1">
					<a id="city" href="javascript:" onclick="show()">
						<div class="faicon fa fa-leanpub"></div>
						<span>产品说明书</span>
					</a>
				</div>
			</div>
			<div class="grid">
				<div class="pading1">
					<a href="">
						<div class="faicon fa fa-mobile"></div>
						<span>智控APP下载</span>
					</a>
				</div>
			</div>
			<div class="grid">
				<div class="pading1">
					<a href="">
						<div class="faicon fa fa-align-left"></div>
						<span>按拆/装资料</span>
					</a>
				</div>
			</div>

		</div>
		<div class="axent-com">
			www.axentbath.com
		</div>
		<!--服务费用弹出框-->
		<div id="searchCost" class="mui-popover mui-popover-action mui-popover-bottom">
			<ul class="mui-table-view">
				<li class="mui-table-view-cell">
					<a href="#" id="serverCost">服务费用查询</a>
				</li>
				<li class="mui-table-view-cell">
					<a href="../../client/pages/partsCost.html">配件费用查询</a>
				</li>
			</ul>
			<ul class="mui-table-view">
				<li class="mui-table-view-cell footCell">
					<a href="#searchCost">
						<b>取消</b>
					</a>
				</li>
			</ul>
		</div>
		<!--<script type="text/javascript" src="../../plugin/ydui/js/ydui.js"></script>-->
	</body>
	<script src="../../plugin/jquery/jquery-2.2.3.min.js"></script>
	<script src="../../plugin/weui/js/jquery-weui.min.js"></script>
	<script src="../../plugin/mui/js/mui.min.js"></script>
	<script src="../../plugin/rewrite/js/Popt.js"></script>
	<script src="../../plugin/rewrite/js/instructionsJson.js"></script>
	<script src="../../plugin/rewrite/js/productInstructions.js"></script>
	<script type="text/javascript" charset="utf-8">
        //mui初始化
        mui.init({
            swipeBack: true //启用右滑关闭功能
        });
        var mask = mui.createMask(); //callback为用户点击蒙版时自动执行的回调；
        function show() {
            mask.show(); //显示遮罩
        }
        $("#picker").picker({
            title: "选择产品类别",
            onClose: function (result) {
                mask.close()
            },
            cols: [
                {
                    textAlign: 'center',
                    values: ['五金', '浴缸', '龙头', '智能', '马桶']
                }
            ]
        });
        // 费用查询弹出框
        $("#serverCost").click(function () {
			$("#searchCost").slideToggle();
			$(".mui-backdrop").css("display", "none");
			// goShowPDF('%E6%81%A9%E4%BB%95%E5%8D%AB%E6%B5%B4%E4%BA%A7%E5%93%81%E7%BB%B4%E4%BF%AE%E6%94%B6%E8%B4%B9%E6%A0%87%E5%87%86.pdf');
			window.location.href= '../../client/img/test.png';
        });
        $("#uploadVideo").click(function () {
            $("#searchCost").slideToggle();
            $(".mui-backdrop").css("display", "none");
        });
        // 选择产品说明书
        $("#city").click(function (e) {
            SelCity(this, e);
            console.log(this);
		});
	</script>
</html>